﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<!--头部开始-->
 <link href="http://127.0.0.1/cms/cms/Template/black/css/base.css" rel="stylesheet">
<link href="http://127.0.0.1/cms/cms/Template/black/css/index.css" rel="stylesheet">
<link href="http://127.0.0.1/cms/cms/Template/black/css/media.css" rel="stylesheet">
<link href="http://127.0.0.1/cms/cms/Template/black/css/style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>

<body>
	<div class="ibody">
		<header>
			<h1>邦CMS</h1>
			<h2>我的生活像 拍了一出戏 有超多导演跟编剧</h2>
			<nav id="topnav">
				<a href="http://127.0.0.1/cms/cms/index.php">首页</a>
					
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/24">互联网新闻</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/25">前端技术</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/26">程序员生活</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/27">编程开发</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/28">视频</a>
				
			</nav>
		</header>
<!--头部结束-->
  <article>
    <h2 class="about_h"><!--您现在的位置是：<a href="/">首页</a>><a href="1/">模板分享</a>><a href="1/">个人博客模板</a>--></h2>
    <div class="index_about">
      <h2 class="c_titile">推荐十个最新免费的 jQuery 表格插件</h2>
      <p class="box_c"><span class="d_time">发布时间：2015-06-11</span><span>作者：oschina</span><span>浏览（19）</span></p>
      <ul class="infos">
        <p>作为开发者都知道插件的重要性，有了插件的帮助，工作会更加高效。这次，我们收集了一些优秀的 jQuery 表格插件介绍给大家。</p><p>创建一个表格（table）并调整其规模，是一项艰难而繁琐的工作。作为一名开发者，当我向自己的项目中插入表格时，下面这些插件给我提供了很大的帮助。我决定把这些 jQuery 
的表格插件分享给你们，使您的表创建体验更加轻松。这些插件不仅可以让工作变得简单，而且对用户十分友好，你不需要掌握核心的知识就能使用。如果您正在做项目，而且需要把表格添加到你的工作中，那么请参考下这些插件，其中可能就有对您有用的。</p><h2><a target="_blank" href="http://www.oschina.net/p/tabledit" rel="nofollow">jQuery Tabledit</a></h2><p>jQuery Tabledit 是 HTML 表格的 inline 编辑器，兼容 Bootstrap。它可以像电子表格那样编辑 inline，或者用按钮在编辑和视图模式之间进行切换。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113358_UnhB.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113358_UnhB.jpg" alt="best table jquery plugins" height="150" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/wholly" rel="nofollow"><strong>wholly</strong></a></h2><p>用于响应的 mouseenter 和 mouseleave 事件，选择整个表格的行和列，支持利用列跨度和行跨度的表格布局。</p><p style="text-align: justify;"><a href="http://static.oschina.net/uploads/img/201506/09113359_Zlhd.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113359_Zlhd.jpg" alt="best table jquery plugins" height="236" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/pricing+tables" rel="nofollow">Pricing Tables</a></h2><p>简单响应的定价表格，有3种不同的风格，当跳转到不同的计划时，会有生动的动画。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113400_vXdQ.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113400_vXdQ.jpg" alt="best table jquery plugins" height="355" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/colresizable" rel="nofollow">colResizable</a></h2><p>colResizable 可以用手动拖拽来调整表格列，兼容鼠标和其它触感设备，有些漂亮的特性如：页面刷新或回发后仍保持布局。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113400_DPKm.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113400_DPKm.jpg" alt="best table jquery plugins" height="147" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/watable" rel="nofollow">watable</a></h2><p>瑞士军刀式的 jQuery 表格插件过滤器，可以轻松快速地进行格式、分页，并对数据进行排序。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113400_Ym31.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113400_Ym31.jpg" alt="best table jquery plugins" height="360" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/fixedheadertable" rel="nofollow">Fixed Header Table</a></h2><p>&nbsp;FixedHeaderTable 可以用最简洁的方式显示已修改过的 header，对于任何有效的表格 mark-up 适用。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113401_K04A.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113401_K04A.jpg" alt="best jquery plugins of june 2015" height="294" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/jquery-grid" rel="nofollow">jQuery Grid</a></h2><p>Gijgo.com
 的 jQuery Grid 是&nbsp;jQuery Javascript 库的一个插件，它是个快速且可拓展的工具， 可对任何 HTML 
表格添加高级交互控制。这个插件支持分页，JavaScript 和服务器端的数据源，jQuery UI 和 Bootstrap。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113402_eDJ2.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113402_eDJ2.jpg" alt="best table jquery plugins" height="102" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/jquery+datagrid" rel="nofollow">jQuery Datagrid</a></h2><p>jQuery 插件，用来呈现数据网格。适用于本地或远程数据，设计是自适应的，简单易用，可扩展。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113402_JIHd.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" src="http://static.oschina.net/uploads/img/201506/09113402_JIHd.jpg" alt="best table jquery plugins" height="285" width="551"/></a></p><h2><a target="_blank" href="http://codepen.io/AdobeWordPress/pen/gbewLV/" rel="nofollow">Bootstrap Table Search</a></h2><p>一个教程，关于如何使用 jQuery 和 CSS 添加客户端的搜索过滤器到 Bootstrap 表格。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113402_S6Gl.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113402_S6Gl.jpg" alt="best table jquery plugins" height="96" width="500"/></a></p><h2><a target="_blank" href="http://www.oschina.net/p/slickgrid" rel="nofollow">SlickGrid</a></h2><p>SlickGrid 是一个高级的 JavaScript 网格/电子表格组件。</p><p><a href="http://static.oschina.net/uploads/img/201506/09113403_9ZAF.jpg" target="_blank"><img data-bd-imgshare-binded="1" style="cursor: pointer;" title="" src="http://static.oschina.net/uploads/img/201506/09113403_9ZAF.jpg" alt="best table jquery plugins" height="175" width="500"/></a></p><p>via <a target="_blank" href="http://thegeekzum.com/free-table-jquery-plugins/" rel="nofollow">thegeekzum.com</a></p><p><br/></p>      </ul>
      <div class="keybq">
        <p><span>关键字词</span>：
        					Javascript			        </p>
      </div>
      
      <div class="otherlink">
        <h2>相关文章</h2>
        <ul>
          	
          <li><a href="http://127.0.0.1/cms/cms/Static/black/javascript/36.html" title="推荐十个最新免费的 jQuery 表格插件">推荐十个最新免费的 jQuery 表格插件</a></li>
          
        </ul>
      </div>
    </div>
  </article>
 <!--右边开始-->
  <aside>
    <div class="avatar"><a href="about.html"><span>关于邦</span></a></div>
    <div class="topspaceinfo">
      <h1>邦CMS</h1>
      <p>我的生活像 拍了一出戏 有超多导演跟编剧</p>
    </div>
    <div class="about_c">
      <p>网名：邦 </p>
      <p>职业：PHPer </p>
      <p>籍贯：江西省-赣州市</p>
      <p>电话：18650680200</p>
      <p>邮箱：375500819@qq.com</p>
    </div>
    
    <div class="tj_news">
      <h2>
        <p class="tj_t1">最新文章</p>
      </h2>
      <ul>
      		
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/spjc/39.html">遇见你第4集 遇见</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/37.html">Mozilla 发布能运行在 Android 上的 Firefox OS</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/javascript/36.html">推荐十个最新免费的 jQuery 表格插件</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/qdjs/35.html"> AngularJS logo  HTML的Web框架 AngularJS</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/34.html">GitHub Atom 0.208.0 发布，文本编辑器</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/33.html">iOS 8.4 Beta 4才来，iOS 9解锁密码就升级到6位</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/cxkf/32.html">排名前十的SQL和NoSQL数据库</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/qdjs/31.html">10 个优秀的JavaScript开发框架</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/cxysh/30.html">麻省理工的 Picture 语言：代码瘦身的秘诀</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/PHP/29.html">PHP数组操作详解</a></li>
        
	
      </ul>
      <h2>
        <p class="tj_t2">推荐文章</p>
      </h2>
      <ul>
      			
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/27.html">史上最狡猾恶意软件现身：被发现后会自爆</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/cxysh/28.html">27种迹象你该考虑辞掉程序员的工作</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/cxysh/30.html">麻省理工的 Picture 语言：代码瘦身的秘诀</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/33.html">iOS 8.4 Beta 4才来，iOS 9解锁密码就升级到6位</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/37.html">Mozilla 发布能运行在 Android 上的 Firefox OS</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/34.html">GitHub Atom 0.208.0 发布，文本编辑器</a></li>
        
      </ul>
    </div>
    <div class="links">
      <h2>
        <p>友情链接</p>
      </h2>
      <ul>
      		
        <li><a href="http://111.com">11</a></li>
        
	
        <li><a href="http://www.houdunwang.com">后盾网</a></li>
        
	
        <li><a href="http://www.qq.com">腾讯QQ</a></li>
        
	
        <li><a href="http://www.baidu.com">百度</a></li>
        
	
      </ul>
    </div>
    <div class="copyright">
      <ul>
        <p> Design by <a href="/">邦CMS</a></p>
        <p></p>
        </p>
      </ul>
    </div>
  </aside>
 <!--右边结束-->
  <script src="js/silder.js"></script>
  <div class="clear"></div>
  <!-- 清除浮动 --> 
</div>
</body>
</html>
